<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TRAVEl</title>
    <link rel="stylesheet" href="./css/style.css">
    <script src="https://kit.fontawesome.com/617bc0ea79.js" crossorigin="anonymous"></script>
</head>
<body>
    <nav class="navbar bg-dark">
        <div class="container">
            <h1 class="logo lg-logo text-light">WT</h1>
            <ul class="navitems">
                <li class="navitem"><a href="./index.html">Home</a></li>
                <li class="navitem"><a href="./about.html">About</a></li>
                <li class="navitem"><a href="./contact.html">Contact</a></li>
            </ul>

        </div>
    </nav>

    <section class="about">
        <div class="container">
            <h2 class="md-heading text-black about-heading">About Us</h2>
            <p class="text-grey">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quasi animi aliquam eaque esse incidunt ducimus ipsa temporibus provident, sed voluptatum?</p>

            <div class="about-wrapper">
                <div class="left">
                    <ul>
                        <li>Lorem ipsum dolor sit.</li>
                        <li>Lorem ipsum dolor sit.</li>
                        <li>Lorem ipsum dolor sit.</li>

                    </ul>
                </div>
                <div class="right">
                    <ul>
                        <li>Lorem ipsum dolor sit.</li>
                        <li>Lorem ipsum dolor sit.</li>
                        <li>Lorem ipsum dolor sit.</li>

                    </ul>
                </div>
            </div>

            <div class="counts">
                <div class="count-item count-item1">
                    <span>2500</span>
                    <p>Travelled</p>                    
                </div>
                <div class="count-item count-item2">
                    <span>500</span>
                    <p>Places</p>
                </div>
                <div class="count-item count-item3">
                    <span>400</span>
                    <p>Guide</p>
                </div>
                <div class="count-item count-item4">
                    <span>20</span>
                    <p>Sport</p>
                </div>

            </div>

            <div class="cta-banner">
                <div class="cta-left">
                    <p class="cta-line">What are you waiting for, reach us right now</p>
                </div>
                <div class="cta-right">
                    <a href="contact.html" class="btn-cta">Contact Us</a>
                </div>
            </div>
            

        </div>
    </section>
    
</body>
</html>